﻿<%@ Page Title="" Language="VB" MaintainScrollPositionOnPostback="true" MasterPageFile="~/Master/Site_InnerWeb.master" AutoEventWireup="false" CodeFile="BuyCredit.aspx.vb" Inherits="private_secure_members_payment_BuyCredit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
        
    <link href="../../../Content/PriceTable.css" rel="stylesheet" />

    </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="Server">
    </asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="Server">
    <h2>Purchase Credits
    </h2>
    <p>
        Please select the number of credits you'd like to purchase. If your purchase is successful the credits you purchase will be applied immediately to your account.<p>
            Nenad - Below is an example of the output that I&#39;d like - maybe I&#39;ll make it a result set so that it can be produced with a query<p>
                &nbsp;<p>

                <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" TypeName="LogginsLogDSTableAdapters.usp_ShowCreditsByEntityTableAdapter">
                    <SelectParameters>
                        <asp:Parameter Name="EntityId" Type="Int32" />
                        <asp:Parameter Direction="InputOutput" Name="UnitPurchasePrice" Type="Object" />
                    </SelectParameters>
                </asp:ObjectDataSource>
            </p>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

        <ContentTemplate>
            <table style="width: 80%;">
                <tr>
                    <td>&nbsp;
            <asp:ListView ID="ListView1" runat="server" DataSourceID="ObjectDataSource1">
                <ItemTemplate>

                    <ul class="pricing_table">
                        <li class="price_block">
                            <h3>Item:
                <asp:Label ID="ItemIdLabel" runat="server" Text='<%# Eval("ItemId") %>' /></h3>
                            <div class="price">
                                <div class="price_figure">
                                    <span class="price_number"><asp:Label ID="PriceLabel" runat="server" Text='<%# Eval("Price") %>' /></span>
                                </div>
                            </div>
                            <ul class="features">
                                
                                <li>Name:
                <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' /></li>
                                <li>Unit Price:
                <asp:Label ID="Unit_PriceLabel" runat="server" Text='<%# Eval("[Unit Price]") %>' /></li>
                                <li>Units:
                <asp:Label ID="UnitsLabel" runat="server" Text='<%# Eval("Units") %>' /></li>
                                
                                <li>VAT %:
                <asp:Label ID="VAT__Label" runat="server" Text='<%# Eval("[VAT %]") %>' /></li>
                                <li>VAT Amount:
                <asp:Label ID="VAT_AmountLabel" runat="server" Text='<%# Eval("[VAT Amount]") %>' /></li>
                                <li>Total:
                <asp:Label ID="TotalLabel" runat="server" Text='<%# Eval("Total") %>' /></li>
                            </ul>
                            <div class="footer">
                                <asp:LinkButton ID="SelectButton" runat="server" CommandArgument='<%# Eval("ItemId")%>' CommandName="SelectItem" Text="Add" CssClass="action_button" />
                                <asp:LinkButton ID="UnselectButton" runat="server" CommandArgument='<%# Eval("ItemId")%>' CommandName="UnselectItem" Text="Remove" Visible="False" CssClass="action_button" />

                            </div>
                        </li>
                    </ul>


                    <ul class="skeleton pricing_table" style="margin-top: 100px; overflow: hidden;">
                        <li class="label" style="margin: 0 none;">ul.pricing_table</li>
                        <li class="price_block">
                            <span class="label">li.price_block</span>
                            <h3><span class="label">h3</span></h3>
                            <div class="price">
                                <span class="label">div.price</span>
                                <div class="price_figure">
                                    <span class="label">div.price_figure</span>
                                    <span class="price_number">
                                        <span class="label">span.price_number</span>
                                    </span>
                                    <span class="price_tenure">
                                        <span class="label">span.price_tenure</span>
                                    </span>
                                </div>
                            </div>
                            <ul class="features">
                                <li class="label">ul.features</li>
                                <br />
                                <br />
                                <br />
                            </ul>
                            <div class="footer">
                                <span class="label">div.footer</span>
                            </div>
                        </li>


                        <li class="price_block" style="opacity: 0.5;">
                            <span class="label">li.price_block</span>
                            <h3><span class="label">h3</span></h3>
                            <div class="price">
                                <span class="label">div.price</span>
                                <div class="price_figure">
                                    <span class="label">div.price_figure</span>
                                    <span class="price_number">
                                        <span class="label">span.price_number</span>
                                    </span>
                                    <span class="price_tenure">
                                        <span class="label">span.price_tenure</span>
                                    </span>
                                </div>
                            </div>
                            <ul class="features">
                                <li class="label">ul.features</li>
                                <br />
                                <br />
                                <br />
                            </ul>
                            <div class="footer">
                                <span class="label">div.footer</span>
                            </div>
                        </li>
                        <li class="price_block" style="opacity: 0.25;">
                            <span class="label">li.price_block</span>
                            <h3><span class="label">h3</span></h3>
                            <div class="price">
                                <span class="label">div.price</span>
                                <div class="price_figure">
                                    <span class="label">div.price_figure</span>
                                    <span class="price_number">
                                        <span class="label">span.price_number</span>
                                    </span>
                                    <span class="price_tenure">
                                        <span class="label">span.price_tenure</span>
                                    </span>
                                </div>
                            </div>
                            <ul class="features">
                                <li class="label">ul.features</li>
                                <br />
                                <br />
                                <br />
                            </ul>
                            <div class="footer">
                                <span class="label">div.footer</span>
                            </div>
                        </li>
                    </ul>



                </ItemTemplate>
            </asp:ListView>

                        

                    </td>
                </tr>
            </table>
            <asp:Button ID="Button1" runat="server" Text="Remove all selected items." />
            <br />
            <h4>Total:<asp:Label ID="lblTotal" runat="server" Text="0"></asp:Label></h4>
        </ContentTemplate>

    </asp:UpdatePanel>
    <h3>&nbsp;</h3>
    <p>
        &nbsp;</p>
    <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
    <asp:Button ID="ButtonContinue" runat="server" Text="Continue &gt;&gt;" />

<script src="../../../Scripts/prefixfree.min.js"></script>

</asp:Content>

